<template>
<div class="classcom">
    <div class="c1"
    :class="[myclass,'c2']"
    >后蹲人</div>
</div>
  
</template>

<script>
export default {
data(){
    return {
        active:true,
        active2:true,
        // myclass:{
        //     current:true,
        //     current2:true
        // }
    }
},
computed:{
   myclass(){
       return {
            current:true,
            current2:true
       }
   } 
}
}
</script>

<style lang="scss" >
.classcom{
  .c1 {
        color: red
    }
    .current{
        background: black;
    }
    .current2{
        border:solid 20px #ddd
    }
    .c2{
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 50px;
    }
    
}
  
</style>

